<template>
  <section>
    <el-row>
      您的孩子体质类型为[ <span style="font-size:48px;font-weight:bold;">{{widget.data.physical.name}}</span> ] 体质，以
      <span style="font-size:24px;font-weight:bold;padding:0 10px;" v-for="subtype of widget.data.physicalSubtype" :key="subtype.id">{{subtype.name}}</span>
      为主要特点。
    </el-row>
    <el-row>
      <div v-html="widget.data.physical.description"></div>
    </el-row>
  </section>
</template>

<script>
  import Vue from 'vue'
  export default {
    name: "page-tizhi-b",
    props: ['reportData', 'widget', 'showConfDialog'],

    created(){
      if(Object.getOwnPropertyNames(this.widget.data).length < 2){
        this.widget.data.physical = this.reportData.data.physical
        this.widget.data.physicalSubtype = this.reportData.data.physicalSubtype

        this.$emit('done',this.widget.data)
      }
    }
  }
</script>

<style scoped>

</style>
